<script setup lang="ts">
import { useRouter } from 'vue-router';
const router=useRouter();
const loginOut=()=>{
router.replace({
  path:"/login"
})
}
</script>
<template>
  <div class="main">
    <van-nav-bar title="我的" fixed />
    <div class="card">
      <van-cell-group>
        <van-cell title="个人信息" is-link to="/userInfo"/>
        <van-cell title="意见反馈" is-link to="/fellback" />
      </van-cell-group>
      <van-button type="primary" @click="loginOut">退出登录</van-button>
      <br>
    </div>
  </div>
</template>



<style scoped>
.main {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
}

.card {
  /* position: absolute; */
  width: 100%;
  /* left: 5%;
  top: 15%; */
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* padding: 15px; */
  padding: 0 5px 0 5px;
  margin-top: 47px;

}
.Sbutton .van-cell__value{
  display: flex !important;
}

.card>div {
  margin: 0;
}

/* .avatar{
  padding: 10px;
}
.bgc{
  position: absolute;
  width: 100%;
  height: 40%;
  background-color: #218bcb;
  border-bottom-left-radius: 35ch;
  border-bottom-right-radius: 35ch;
} */
</style>